<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>myhobby</title>
<style type="text/css">
body {
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
}
.asd {
	font-size: 72px;
	color: #FFF;
}
.sdf {
	color: #FFF;
}
.sdf {
	color: #FFF;
}
.sdf {
	color: #FFF;
}
.qwe {
}
.qwe {
	font-size: 12px;
}
</style>
</head>

<body>
<table width="1489" height="754" border="0">
  <tr>
    <td colspan="2" align="left" class="asd">我的爱好<a href="index.html" class="qwe">回到主页</a></td>
  </tr>
  <tr>
    <td width="194" class="sdf">听歌</td>
    <td width="1285" class="sdf">常听林俊杰、王菲等歌手的歌</td>
  </tr>
  <tr>
    <td><span class="sdf">中国舞</span></td>
    <td><span class="sdf">其实很久没跳辽</span></td>
  </tr>
  <tr>
    <td><span class="sdf">运动</span></td>
    <td><span class="sdf">喜欢跑步</span></td>
  </tr>
</table>
<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
           <script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("❤听歌❤","❤中国舞❤","❤运动❤");
var $i = $("<span></span>").text(a[a_idx]);
a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});
</script> 
</body>

</html>


